<nav class="navbar navbar-inverse navbar-fixed-bottom">
	<div class="container">
		<!-- Collect the nav links, forms, and other content for toggling -->
		<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
			<ul class="nav navbar-nav">
				<li class="active"><a href="http://www.houdunwang.com">houdunwang.com</a></li>
				<li><a href="http://www.nickblog.cn">nickblog.cn</a></li>
			</ul>
		</div><!-- /.navbar-collapse -->
	</div>
</nav>
<script type="text/javascript" src="./static/jquery-1.11.3.js"></script>
<script>
    $(function () {
        //判断localStorage["list-group-item"]的值（数字序号）是多少
        //让第几个序号的.list-group-item显示被选中的效果（变蓝）
        var n = localStorage["list-group-item"];
        if(n){
            $('.list-group-item').eq(n).addClass('active').siblings('.list-group-item').removeClass('active');
        }else {
            $('.list-group-item').eq(0).addClass('active').siblings('.list-group-item').removeClass('active');
        }
        //点击.list-group-item将显示被选中的效果
        //并将该.list-group-item的序号的值赋值给localStorage
        $('.list-group-item').click(function () {
            $(this).addClass('active').siblings('.list-group-item').removeClass('active');
            localStorage["list-group-item"] = $(this).index();
        });
    })
</script>